<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在线问答</title>
    <script src="jquery.min.js"></script>
    <style>
        *{

        }
        .qs {
          color: red;
        }
        table tr:nth-child(even) {
            background-color: greenyellow;
        }
        #lianjie {
            margin-bottom:50px;
        }
    </style>

</head>
<body>
<div id="head">
    <h1>在线问答</h1>
</div>
<div id="lianjie">
    <a href="questions-add.html" id="tiwen">我要提问</a>
</div>
<div id="content">
    <table cellpadding="0" cellspacing="0" border="1" id="questions">
        <tr style="background-color: aqua">
           <td>序号</td>
           <td>问题</td>
           <td>回答次数</td>
           <td>最后修改</td>
        </tr>
    </table>
</div>
<p id="fenye">

</p>
<p id="shang">
    <a href="#" id="first">首页</a>

    <a href="#" id="prve">上一页</a>
    go<input id="tiaozhuan" type="number" name="tiaozhuan" style="width: 40px">页
    <a href="#" id="next">下一页</a>

    <a href="#" id="last">末页</a>

</p>
<script>

    $(function () {
        var pagNo=1,pages,a=0;

        function doquery(){
            $.get("quesions-list",{pagNo:pagNo},function (p) {
                pagNo=p.page;
                pages=p.totalPage;
                a=p.count;
                var s=$("#questions");
                $.each(p.data,function(i,o){
                    console.log(o.list2);
                    if(o.answerCount==0){
                        s.append( "<tr class='qu' ><td>"+o.id+"</td><td class='wt'><a href='answers.html?"+o.id+"' class='qs' >"+o.title+"</a></td><td>"+o.answercount+"</td><td>"+o.lastmodified+"</td></tr>")
                    }else {
                        s.append( "<tr class='qu' ><td>"+o.id+"</td><td class='wt'><a href='answers.html?"+o.id+"'>"+o.title+"</a></td><td>"+o.answercount+"</td><td>"+o.lastmodified+"</td></tr>")
                    }


                });
                /* 查询输入值 */
                $("#fenye").empty();
                $("#fenye").append("<span class='mess'>共"+a+"条                  </span>");
                $("#fenye").append("<span  class='mess'>第"+pagNo+" /"+pages+" 页</span>");
            });
        }
        doquery();

/*        $(".wt").click(function () {
       var id=$(this).prev().val();
       alert("id>>>>>"+id);
      window.location.href="answers.html?"+id;
        });*/

        $("#first").click(function (){
            pagNo=1;
            $(".qu").replaceWith(doquery());
            return false;
        });
        $("#prve").click(function (){
            if(pagNo<=1){

                $(".qu").replaceWith(doquery());
                return false;
            }
            pagNo--;
            $(".qu").replaceWith(doquery());
            return false;

        });
        $("#next").click(function (){
            if(pagNo>=pages){
                $(".qu").replaceWith(doquery());
                return false;
            }
            pagNo++;
            $(".qu").replaceWith(doquery());
            return false;
        });
        $("#last").click(function (){
            pagNo=pages;
            $(".qu").replaceWith(doquery());
            return false;
        });
        $("#tiaozhuan").blur(function () {
            pagNo=$(this).val();
            if(pagNo>pages||pagNo<1){
                return false;
            }
            $(".qu").replaceWith(doquery());

        });
    });

</script>
</body>
</html>